<script setup>
import TopPostItem from './TopPostItem.vue'
import PinnedIcon from '@/components/svgComponents/PinnedIcon.vue'
const props = defineProps({
  data: {
    type: Object,
    required: true,
  },
})
</script>

<template>
  <div class="py-4 mb-2">
    <header class="flex items-center gap-1 mb-2">
      <PinnedIcon />
      <div>置顶帖子</div>
    </header>
    <div class="flex gap-2 pb-2 overflow-x-auto">
      <TopPostItem v-for="item in data" :key="item.id" :data="item" />
    </div>
  </div>
</template>
